<div data-page="cardbinding" class="page">
    <form class="list-block" id="card-bind-form">
        <ul>
            <li>
                <a href="#" class="item-link smart-select" data-open-in="picker" data-back-on-select="true">
                    <select name="card_type_id">
                        {{#each types}}
                            <option value="{{card_type_id}}">{{card_type_name}}</option>
                        {{/each}}
                    </select>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title label">卡类型</div>
                            <div class="item-after">未选择</div>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">卡号</div>
                        <div class="item-input">
                            <input type="text" name="card_code" style="text-align: right">
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">绑定码</div>
                        <div class="item-input">
                            <input type="password" name="card_type_pass" style="text-align: right">
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </form>
    <div class="list-block">
        <ul>
            <li>
                <a href="#" class="item-link list-button color-red btn-bind">绑定</a>
            </li>
        </ul>
    </div>
</div>